<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>打飞机</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div id="game">
			
			<!-- 主页面 -->
			<div class="container page1 current">
				<ul id="main-menu">
					<li>继续游戏</li>
					<li>新游戏</li>
					<li>排行榜</li>
					<li>设置</li>
					<li>登录</li>
				</ul>
			</div>
			
			<!-- 游戏页面 -->
			<div class="container page2">
				<ul id="bg">
					<li></li>
					<li></li>
				</ul>
				<div id="canvas">

				</div>
				<div id="stop">
					<img src="img/btn_pause.png">
				</div>
				<div class="blood-bar" data-percent="100" data-skill="/100"></div>
				<ul class="game-timer">
					<li></li><span>:</span>
					<li></li><span>:</span>
					<li></li>
				</ul>
				<div class="score">
					0
				</div>
			</div>
			
			<!-- 暂停页面 -->
			<div class="container page3">
				<ul id="sub-menu">
					<li>继续</li>
					<li>重新开始</li>
					<li>回到主页面</li>
				</ul>
			</div>
			
			<!-- 得分页面 -->
			<div class="container page4">
				<div class="goal">
					<h3>您的得分</h3>
					<div class="score">
						0
					</div>
					<div class="continue">继续</div>
				</div>
			</div>
		</div>
		
		<script src="js/time.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/prop.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bg.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/enemyPlane.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/playerPlane.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bullet.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/game.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
